<script setup>
import { provide, ref ,onMounted} from 'vue'
const props = defineProps({
  active: {
    default: 0
  },
  width: {
    default: 50
  },
  height: {
    default: 50
  },
  color: {
    default: '#1abc9c'
  }
})
console.log(props);
provide('provideProps', props)



onMounted(()=>{
  
})

</script>

<template>
  <div class="steps clearfix" ref="stepDom">
    <slot ></slot>
  </div>

</template>

<style lang="scss">
  .steps{
    display: flex;
    justify-content: center;
  }
</style>
